/*================================================
001 Nav-PC section start
==================================================*/
@media screen and (min-width:960px) and (max-width:1219px) {.q-container {width:950px;}
}
@media screen and (min-width:768px) and (max-width:959px) {.q-container {width:750px;}
}
@media screen and (max-width:767px) {.q-container {padding-left:10px;padding-right:10px;-moz-box-sizing:border-box;box-sizing:border-box;}
}
@media screen and (max-width:959px) {.logo-top {float:none;width:100%;padding-top:55px;}
  .lang {position:absolute;left:10px;top:7px;padding-top:0;text-align:left;}
  .lang .lang-item {margin-left:15px;}
  .nav-div {display:none;}

}
@media screen and (max-width:1024px) {.nav-list {margin-right:10px;}
}
@media screen and (max-width: 1219px) { .m-hdlogo { width: 220px; }
  .nav-list .nav-item { margin-left: 16px; }
  .nav-list .nav-item > a { font-size: 14px; font-size: 1.4rem; } }

/*================================================
002 Nav-Wap-Static section start
==================================================*/
@media screen and (max-width:959px){
  .nav-wap-static {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#3aa9e1;}
.nav-wap-static-item {width:25%;}
.nav-wap-static-item a {display:block;padding:5px 0;line-height:20px;font-size:14px;color:white;text-align:center;background-color:#363636;}
.nav-wap-static-item a.active {color:white;background-color:#3aa9e1;}
}


/*================================================
003 Nav-Wap section start
==================================================*/
@media screen and (min-width:960px) {
    .nav-wap, .menubtn {
        display: none;
    }

    /*================================================
    004 Banner section start
    ==================================================*/
    @media screen and (max-width: 959px) {
        .banner {
            padding-top: 0;
        }

        .slideshow:hover .slick-prev, .slick-next {
            display: none !important;
        }

        .slick-dots {
            bottom: 10px;
        }

        .slick-dots li button {
            width: 10px;
            height: 10px;
            background-size: 100% 100%;
        }

        .slick-prev, .slick-next {
            display: none !important;
        }
    }

}



/*================================================
000 Commom section style
==================================================*/
.m-b-20{margin-bottom: 20px;}
.m-b-30{margin-bottom: 30px;}
.m-0-2{margin: 0 2px;}

.p-b-60{padding-bottom: 60px;}
.padding-none{padding: 0;}

.text-center{text-align: center}
.fz-70{font-size: 70px!important;}
.fz-80{font-size: 80px!important;}

.blue{color:#3aa9e1}
.red{color: red}

.over-hide{overflow:visible;}

.float-right{float: right;}
.float-left{float: left;}
.clear-both{clear: both}